

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="stylesheets/main.css">
	<script type="text/javascript" src="javascripts/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
	<script src="http://www.jiyouh.com/skin/jiyouhui/js/myfocus-2.0.4.min.js"></script>
	<script type="text/javascript" src="javascripts/main.js"></script>
	<meta charset="utf-8">
</head>
<body>
	<% include header.ejs%>
	<div class="container">
		<div class="row">
			<div class="col-xs-8">
  				<div id="articles"> 					 															
					<h4><%=article.title%></h4>
					<p><%=article.content%></p>						
			  	</div> 
			</div>
			<div class="col-xs-4">
					
				<div id="fllow_me">
						<div class="title">
							<h3>关注我们</h3>
						</div>
						<div class="row">
							<div class="col-xs-3"><a href="" id="xlwb">新浪微博</a></div>
							<div class="col-xs-3"><a href="" id="txwb">腾讯微博</a></div>
							<div class="col-xs-3"><a href="" id="email">邮箱</a></div>
							<div class="col-xs-3"><a href="" id="wx">微信</a></div>
						</div>
				</div>
				<img id="ad" src="temp/ad.jpg">
				
				<div id="articles_list">
					<!-- Nav tabs -->
					<ul class="nav nav-tabs title" role="tablist">
						<li role="presentation" class="active"><a href="#ranking" role="tab" data-toggle="tab">点击排行</a></li>
						<li role="presentation"><a href="#leatst" role="tab" data-toggle="tab">最新文章</a></li>
						<li role="presentation"><a href="#command" role="tab" data-toggle="tab">站长推荐</a></li>
					</ul>

					<!-- Tab panes -->
					<div class="tab-content main">

						<div role="tabpanel" class="tab-pane active" id="ranking">
							<ul class="list-group">
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
							</ul>
						</div>


						<div role="tabpanel" class="tab-pane" id="leatst">
							<ul class="list-group">
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
							</ul>
						</div>
						<div role="tabpanel" class="tab-pane" id="command">
							<ul class="list-group">
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
								<li class="list-group-item">
									<span>1</span>
									<a href="">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div id="hot_tag">
					<div class="title">
						<h3>热门标签</h3>
					</div>
					
				</div>	
				




			</div>
		</div>
	</div>
</body>
</html>
